<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:layout="http://www.w3.org/1999/xhtml">

<head>
    <link th:href="${domainAssets}+'/images/site/newlogo-ico.png'" rel="shortcut icon"/>
    <title>官网 - 络享</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />    <link rel="stylesheet" th:href="${domainAssets}+'/css/rockcentOfficial.css'"/>
</head>
<body>
<div class="header header-site">

    <div class="header-nav mobile fixed-header">
        <nav class="navbar navbar-default header-nav" role="navigation">
            <div class="container ">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle xs-navbar-toggle" data-toggle="collapse"
                            data-target="#example-navbar-collapse">
                        <span class="sr-only">切换导航</span>
                        <span class="icon-bar m-icon-bar"></span>
                        <span class="icon-bar m-icon-bar"></span>
                        <span class="icon-bar m-icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="http://www.rockcent.com">
                        <img width="150px" class="visible-xs"
                             th:src="${domainAssets}+'/images/site/LOGO-rockcent.png'"/>
                        <img width="38%" class="visible-sm ml190"
                             th:src="${domainAssets}+'/images/site/LOGO-rockcent.png'"/>
                    </a>
                </div>
                <div class="collapse navbar-collapse hidden-lg" id="example-navbar-collapse">
                    <div class="container">
                        <h5 class="navbar-left mt20 visible-lg m-l55">跨界营销生态构筑者
                        </h5>
                        <ul class="nav navbar-nav" style="margin-right: 0">
                            <li class="first-menu1 subnav" th:classappend="${active} == 'index'?current"><a
                                    href="http://www.rockcent.com">首页</a></li>
                            <li class="dropdown subnav" th:classappend="${active} == 'solution'?current">
                                <a th:href="${routes.path('MAIN_SOLUTION')}" class="dropdown-toggle">解决方案
                                    <b class="caret hidden-xs"></b>
                                </a>

                            </li>
                            <li class="first-menu1 subnav" th:classappend="${active} == 'products'?current">
                                <a th:href="${routes.path('MAIN_PRODUCTS')}">产品</a>

                            </li>
                            <li class="first-menu1 subnav" th:classappend="${active} == 'service'?current"><a
                                    th:href="${routes.path('MAIN_SERVICE')}"
                                    class="">服务</a></li>

                            <li class="first-menu1 subnav" th:classappend="${active} == 'about'?current">
                                <a th:href="${routes.path('MAIN_ABOUT')}">关于我们</a>

                            </li>

                            <li class="first-menu2 mt3 ml20 hidden-xs" th:if="!${session.loginUser}">
                                <a th:href="${routes.path('MAIN_USER_SIGN_IN')}" class="btn-login">登录</a>
                            </li>
                            <li class="first-menu2 mt3 visible-xs" th:if="!${session.loginUser}">
                                <a th:href="${routes.path('MAIN_USER_SIGN_IN')}" class="btn-login">登录</a>
                            </li>
                            <li class="first-menu2 mt3" th:if="!${session.loginUser}">
                                <a class="btn-register first-active"
                                   th:href="${routes.path('MAIN_USER_REGISTER')}">注册</a>
                            </li>
                            <li th:if="${session.loginUser}" class="mt15">
                                <div class="dropdown">
                                    <button th:inline="text" class="btn btn-default dropdown-toggle" type="button"
                                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                        [[${session.loginUser?.username}]]
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1" style="margin: 0 0 0">
                                        <li th:if="${session.loginUser?.mall == null}"><a
                                                th:href="${routes.path('MALL_SETTLED')}">成为平台</a>
                                        </li>
                                        <li th:if="${session.loginUser?.mall != null}"><a
                                                th:href="${domainB}+'/admin/platform/index'">进入平台</a></li>
                                        <li><a th:href="@{/merchant/settled(pageSize=4)}">加入平台</a></li>
                                        <li class="logout"><a th:href="${routes.path('MAIN_USER_LOGOUT')}">退出登录</a></li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div><!-- /.navbar-collapse -->

            </div><!-- /.container-fluid -->
        </nav>

    </div>
</div>

<div class="mobile-content-wrapper">
    <div layout:fragment="content">
    </div>
</div>

<div class="footer">

    <div class="footer-top">
        <div class="container">
            <div class="row text-center">
                <p class="system-title">联系我们</p>
                <img class="foot_img" th:src="${domainAssets}+'/images/site/base-line.png'"/>
                <a id="C1"></a>
                <a id="C2"></a>
                <a id="C3"></a>
                <a id="C4"></a>
            </div>
            <div class="col-xs-12 mt40">
                <div class="row">
                    <div class="col-xs-6 text-center">
                        <i class="icon iconfont icon-dizhi icon-i"></i>
                        <p class="subtitle-fontsize">广州市海珠区赤岗西路288号杨协成电子商务创意园C栋</p>
                        <!--<p class="subtitle-fontsize"></p>-->
                    </div>
                    <div class="col-xs-6 text-center">
                        <i class="icon iconfont icon-youxiang icon-i"></i>
                        <p class="mt20 subtitle-fontsize">邮箱：PR@ROCKCENT.COM</p>
                    </div>
                </div>
                <div class="row index-lastrow">
                    <div class="col-xs-6 text-center">
                        <i class="icon iconfont icon-dianhua icon-i"></i>
                        <p class="telephone"><span class="">020-</span>28187838</p>
                    </div>
                    <div class="col-xs-6 xs-weixin">
                        <span class="site-weixin">官方微信公众号</span>
                        <img width="60%" height="60%" class="visible-md visible-lg margin-auto"
                             th:src="${domainAssets}+'/images/site/site-code.jpg'"/>
                        <div class="qrcode-wrapper" style="width: 112px; margin: 0 auto;">
                            <img style="max-width: 100%;" class="visible-xs visible-sm margin-auto"
                                 th:src="${domainAssets}+'/images/site/site-code.jpg'"/>
                        </div>

                    </div>
                </div>
            </div>

            <div class="scroll-icon fixed-top mr10">
                <div class="col-md-12">
                    <div class="col-md-2"></div>
                    <div class="col-md-8 layer-img f-hide">
                        <img width="100%" th:src="${domainAssets}+'/images/site/mobile-layer.png'"/>
                        <div class="layer-mobile">
                            <p>客服联系</p>
                            <p class="m-t5">020-28187838</p>
                        </div>
                    </div>
                    <!--<div class="col-md-1"></div>-->
                    <div class="col-md-1 icon-fRight">
                        <div class="denote">
                            <ul class="aside-icon">
                                <li>
                                    <!--<a><i class="icon iconfont icon-dianhua aside-tubiao"></i></a>-->
                                    <a href="tel:020-28187838"><i class="icon iconfont icon-dianhua ppp aside-tubiao"></i></a>
                                </li>
                                <li class="mt10">
                                    <a href=""><i class="icon iconfont icon-shang aside-tubiao f-hide"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
    <div class="m-footer-bottom">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <p class="m-copyright text-center">COPYRIGHT_2014 广州乐宸网络科技有限公司</p>
                    <p class="xs-copyright text-center">版权所有 粤ICP备14033735号</p>
                    <p class="m-footer-icon">
                        <script charset="utf-8" src="http://wpa.b.qq.com/cgi/wpa.php"></script>
                        <a href="javascript:;" id="BizQQWPA" class="text-declare"><i
                                class="icon iconfont icon-qq icon_contact"></i></a>

                        <script>
                            BizQQWPA.addCustom({aty: '0', a: '0', nameAccount: 4000133688, selector: 'BizQQWPA'});
                        </script>
                        <a href="http://weibo.com/kcupon?is_all=1" target="_blank" class="text-declare link-weibo ml10"><i
                                class="icon iconfont icon-weibo icon_contact"></i></a>
                    </p>

                </div>
            </div>

        </div>

    </div>
</div>

<script th:inline="javascript">
    /*<![CDATA[*/
    var ROCK = {
        version: '1.0',
        flag: [[${flag}]],
        frontendUrl: [[${domainAssets}]]
    };
    /*]]>*/
</script>
<script th:src="${domainAssets}+'/js/app.js'"/>
<!--<script>-->
<!--alert(document.body.clientWidth)-->
<!--alert(window.screen.width)-->
<!--</script>-->
</body>
</html>




